<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<nav class="sidebar-main" th:fragment="sidebar-main">
    <ul class="nav nav-drawer">
        <li class="nav-item active"><a th:href="@{/index}"><i class="mdi mdi-home"></i> 首页</a></li>
        <li class="nav-item nav-item-has-subnav">
            <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> 图书管理</a>
            <ul class="nav nav-subnav">
                <li><a th:href="@{/book/info}">图书列表</a></li>
                <li><a th:href="@{/book/borrow}">借阅记录</a></li>
                <li><a th:href="@{/book/type}">图书类型</a></li>
            </ul>
        </li>
        <li class="nav-item nav-item-has-subnav">
            <a href="javascript:void(0)"><i class="mdi mdi-palette"></i>管理员管理</a>
            <ul class="nav nav-subnav">
                <li><a th:href="@{/book/info}">图书列表</a></li>
                <li><a th:href="@{/book/borrow}">借阅记录</a></li>
                <li><a th:href="@{/book/type}">图书类型</a></li>
            </ul>
        </li>
        <li class="nav-item nav-item-has-subnav">
            <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 读者管理</a>
            <ul class="nav nav-subnav">
                <li><a th:href="@{/book/info}">图书列表</a></li>
                <li><a th:href="@{/book/borrow}">借阅记录</a></li>
                <li><a th:href="@{/book/type}">图书类型</a></li>
            </ul>
        </li>
        <li class="nav-item nav-item-has-subnav">
            <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i>借阅中心</a>
            <ul class="nav nav-subnav"> <li><a th:href="@{/info}">图书列表</a></li>
                <li><a th:href="@{/book/borrow}">借阅记录</a></li>
                <li><a th:href="@{/book/type}">图书类型</a></li></ul>
        </li>
        <li class="nav-item nav-item-has-subnav">
            <a href="javascript:void(0)"><i class="mdi mdi-menu"></i> 读者中心</a>
            <ul class="nav nav-subnav">
                <li><a href="#!">一级菜单</a></li>
                <li class="nav-item nav-item-has-subnav">
                    <a href="#!">一级菜单</a>
                    <ul class="nav nav-subnav">
                        <li><a href="#!">二级菜单</a></li>
                        <li class="nav-item nav-item-has-subnav">
                            <a href="#!">二级菜单</a>
                            <ul class="nav nav-subnav">
                                <li><a href="#!">三级菜单</a></li>
                                <li><a href="#!">三级菜单</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><a href="#!">一级菜单</a></li>
            </ul>
        </li>
    </ul>
</nav>
</body>
</html>